<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

        <!-- Sidebar Menu -->
        <ul class="sidebar-menu" data-widget="tree">
            <li class="header">^_^</li>
            <!-- Optionally, you can add icons to the links -->
            <!--
            <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
            <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
            -->

            <li class="treeview {% if request.path  == '/backend/index/' or request.path  == '/backend/about/' %}active{% endif %}">
                <a href="{% url 'backend:index' %}"><i class="fa fa-dashboard"></i> <span>仪表盘</span>
                    <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="{% url 'backend:index' %}"><i class="fa fa-circle-o"></i>首页</a></li>
                    <li><a href="{% url 'backend:about' %}"><i class="fa fa-circle-o"></i>关于</a></li>
                </ul>
            </li>
            <li class="treeview {% if request.path  == '/backend/article/' or request.path  == '/backend/article-add/'%}active{% endif %}">
                <a href="{% url 'backend:article' %}"><i class="fa fa-weixin"></i> <span>文章</span>
                    <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="{% url 'backend:article' %}"><i class="fa fa-circle-o"></i>所有文章</a></li>
                </ul>
            </li>
            <li class="treeview {% if request.path  == '/backend/user/'%}active{% endif %}">
                <a href="{% url 'backend:user' %}"><i class="fa fa-user"></i> <span>用户</span>
                    <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="{% url 'backend:user' %}"><i class="fa fa-circle-o"></i>所有用户</a></li>
                </ul>
            </li>
            <li class="treeview {% if request.path  == '/backend/option/'%}active{% endif %}">
                <a href="{% url 'backend:option' %}"><i class="fa fa-cog"></i> <span>设置</span>
                    <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="{% url 'backend:option' %}"><i class="fa fa-circle-o"></i>常规</a></li>
{#                    <li><a href="{:url( 'option.domain/index' )}"><i class="fa fa-circle-o"></i>域名</a></li>#}
                </ul>
            </li>
        </ul>
        <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
</aside>